<!doctype html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
	xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" /><%--

	<meta property="og:title" content="Imajoy" />
	<meta property="og:type" content="website" />
	<meta property="og:url" content="http://www.imajoy.net" />
	<meta property="og:image" content="http://commondatastorage.googleapis.com/photo-admin-app/PresentationPhotos/355_38442881606_921_n.jpg" />
	<meta property="og:site_name" content="Imajoy" />
	<meta property="fb:admins" content="519564145" />
	
	--%><title><g:message code="photo_admin.title" /></title>
	
	<g:javascript src="jquery.min.js" />
	<g:javascript src="bootstrap.min.js" />
	
	
	<link rel="shortcut icon"
		href="${resource(dir: 'images', file: 'favicon.ico')}"
		type="image/x-icon" />
	<g:isOnline>
		<script src="http://connect.facebook.net/en_US/all.js"></script>
	</g:isOnline>
	<link rel="stylesheet"
		href="${resource(dir: 'css', file: 'bootstrap-responsive.min.css')}"
		type="text/css" />
	<!-- Bootstrap CSS Toolkit styles -->
	<link rel="stylesheet"
		href="${resource(dir:'css', file:'bootstrap.min.css')}" type="text/css" />
	<link rel="stylesheet" href="${resource(dir: 'css', file: 'main.css')}"
		type="text/css" />
	
	
	<g:layoutHead />
	<r:layoutResources />
	<ga:trackPageview />
</head>

<body class="homepage" id="body">
	
	<g:isOnline>
	<div id="fb-root"></div>
	<script type="text/javascript"
		xmlns:fb="http://www.facebook.com/2008/fbml">

		jQuery(document).ready(function() {
			
			FB.init({appId: '${grailsApplication.config.facebook.applicationId}', status:true, cookie:true, xfbml:true, oauth:true});
		
			FB.Event.subscribe('auth.logout', function(response) {
		    	FB.init({appId: '${grailsApplication.config.facebook.applicationId}', status:true, cookie:true, xfbml:true, oauth:true});  
		    });

  		});
      
	    function facebookLogout() {
			FB.logout(function(response) {
	        });

  		}		
	</script>
	</g:isOnline>
	
	<script type="text/javascript">
           $(function() {
			$('#photoZoomContainer img').hover(
				function(){
					var $this = $(this);
					$this.stop().animate({'opacity':'1.0','height':'200px','top':'0px','left':'0px'});
				},
				function(){
					var $this = $(this);
					$this.stop().animate({'opacity':'0.5','height':'500px','top':'-66.5px','left':'-150px'});
				}
			);
           });
       </script>
	

	<div id="wrapper">
		<g:render template="/layouts/header" />
	
		<div id="subheader">
			<div class="container">
				<div class="row">
					<div class="span12">
						<g:isOnline>
							<global:carousel ></global:carousel>
						</g:isOnline>
						<g:isOffline>
						
						 	<div id="photoZoomContainer" class="photoZoomContainer">
								<div class="wrap">
									<a href="#" >
										<img  src="${resource(dir:'images/bootstrap-images', file: '1.jpg')}" alt="image" />									
									</a>								
								</div>
								<div class="wrap">
									<a href="#" >
										<img  src="${resource(dir:'images/bootstrap-images', file: '2.jpg')}" alt="image" />									
									</a>								
								</div>
								<div class="wrap">
									<a href="#" >
										<img  src="${resource(dir:'images/bootstrap-images', file: '3.jpg')}" alt="image" />									
									</a>								
								</div>
								<div class="wrap">
									<a href="#" >
										<img  src="${resource(dir:'images/bootstrap-images', file: '4.jpg')}" alt="image" />									
									</a>								
								</div>
								<div class="wrap">
									<a href="#" >
										<img  src="${resource(dir:'images/bootstrap-images', file: '5.jpg')}" alt="image" />									
									</a>								
								</div>
							</div>	
						</g:isOffline>
					</div>
				</div>
			</div>
		</div>
	
		<div id="content" class="container">
			<g:layoutBody />
		</div>
	
		<g:render template="/layouts/footer" />
	</div>
	
	<g:render template="/common/loginRedirect" />
	<g:render template="/common/loading"/>
	
	<g:javascript library="application" />
	<r:layoutResources />
</body>
</html>